/*-- header --*/
html,body {
font:normal 12px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif;
background:#FFF;
font-size:100%;
}
body a{
transition:.5s all;
-webkit-transition:.5s all;
-o-transition:.5s all;
-ms-transition:.5s all;
}
body div{
}
/** 清楚浮动 **/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
textarea, input{resize:none}
a, textarea, input, button{outline:none}
.clear { clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
ul,li{margin:0; list-style: none; padding:3px;}
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 14px;
right: 2%;
overflow: hidden;
z-index: 999;
width: 32px;
height: 32px;
border: none;
text-indent: 100%;
background: url("../images/up-arrow.png") no-repeat 0px 0px;
}
#toTopHover {
width: 40px;
height: 40px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
/*-- header --*/
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.head-warp{background:#f9f9f9; position:fixed; z-index:100; top:0; width:100%; opacity:0.8;}
.header{width:1200px; margin:auto; overflow:hidden;padding:20px 0; position: relative; }
.logo{width:324px; height:49px;float:left; }
.tall_right{ display:block;width:310px;float:right; margin-top: 40px;}
.tall_right img{display: block;width:100%;}
.us{position: absolute; right:0; top:10px; font-size:14px;color:#666666;}
.us span{float:left; margin-left: 20px;}
.nvabox{width:790px;float:right; overflow: hidden; margin-top:20px; }
.nvabox ul{width:790px; display:block; list-style:none; padding:0; }
.nvabox ul li{float:left; position: relative; margin-left:7px;}
.nvabox ul li > a{color:#000000; font-size:16px; padding:3px 10px;border-radius:15px;}
.nvabox ul li > a:hover{ background:#F18926; text-decoration: none;color:#FFFFFF;}
.nvabox ul li a.actis{ background:#F18926; color:#FFFFFF;}
.nvabox ul li > a strong{display: block; }
.nvabox ul li > a span{display: block; font-size:12px; color:#999999;}
.nvabox ul li:---last-child a{ border:0; }
.nvabox ul li:hover div{display: block;}
.nvabox ul li > div{width:100%; position: absolute; z-index: 100; left:0; top:54px; background: #000; display: none; }
.nvabox ul li > div > a{font-size:16px;display:block;color:#d41720; line-height: 40px; text-align: center}
.nvabox ul li > div > a:hover{font-size:16px;color:#fff; background: #d41720; line-height: 40px; text-decoration: none;}
/**-----
content
-------**/
.New-box{width:1200px; margin: auto; margin-top: 30px;}
.New_left{width:50%;float:left; margin-top:60px;}
.New_left .newbox{padding-right: 20px;}
.New_left h2{width:100%;height:5px; background: #F18926; position: relative}
.New_left h2 strong{ display: block; height:30px; font-size:28px; color:#333333; padding:0 10px; background: #fff; position: absolute;left:20px; top:50%; margin-top: -14px;}
.New_left h2 a{ background: #fff; height:20px; display: block; font-size:15px;color:#555; padding-left:20px; position: absolute; z-index: 2; right:0; top:50%; margin-top: -10px;}
.New_right{width:50%;float:right;margin-top:60px;}
.newUl{width:100%;display: block; margin-top: 30px;}
.newUl li{width:50%; float:left;}
.newUl li div{ padding-right: 10px;}
.newUl li div img{width:100%;}
.newUl li div p{font-size:16px; color:#215095; padding:10px; background: #f2f2f2; font-weight:600;}
.newUl li:nth-child(2) div{ padding-right: 0; padding-left: 10px;}
.newDl{width:100%; margin: 0; padding:0; margin-top: 15px;float:left;}
.newDl dt{font-size:16px;}
.newDl dt span{font-size:12px;color:#215095}
.newDl dd{font-size:14px;color:#666; }
.New_right .jsbox{padding-left: 20px;}
.New_right h2{width:100%;height:5px; background: #F18926; position: relative}
.New_right h2 strong{ display: block; height:30px; font-size:28px; color:#333333; padding:0 10px; background: #fff; position: absolute;left:20px; top:50%; margin-top: -14px;}
.New_right h2 a{ background: #fff; height:20px; display: block; font-size:15px;color:#000000; padding-left:20px; position: absolute; z-index: 2; right:0; top:50%; margin-top: -10px;}
.jsbox .picbox{width:100%;}
.jsbox .picbox img{width:100%;}
.jsbox p{ background: #f2f2f2; font-size:16px; color:#333333; padding:10px; text-indent: 30px;}
.jsbox p a{font-size:16px; color:#F18926;}
/*------- footer ----------*/
.footer{ background:#3E3F41; line-height: 30px;color:#fff; font-size:14px; padding:30px 10px 50px 10px; text-align: center; overflow:hidden}
.footer a{ font-size:14px;color:#fff;}
.footer span{ padding: 0 5px; font-size:14px;color:#fff;}
#toTop{bottom: 70px!important;}
/**---
page
---**/
.page{width:100%; text-align:center; margin-top:40px;}
.page ul{ display:inline-block; list-style:none}
.page ul li{float:left; margin:0 4px; font-size:16px; line-height:28px;}
.page ul li a{ background:#dedede; padding:.5rem 1rem;}
.page ul li a:hover{ background-color:#d1000a;color:#ffffff; text-decoration:none;}
/*-- responsive-design --*/
/**--
banner
---**/
.banner{width:100%;height:650px; margin:auto; overflow:hidden; margin-top:89px;}
.banner1{width:100%;height:213px; background:url(../images/banner.jpg) no-repeat center top; background-size:cover; margin:auto; overflow:hidden;}
.bannerimg{ background: url("../images/banner.jpg") no-repeat center top; background-size:contain}
.bannerimg1{ background: url("../images/banner1.jpg") no-repeat center top; background-size:contain}
.bannerimg2{ background: url("../images/banner2.jpg") no-repeat center top; background-size:contain}
.bannerimg3{ background: url("../images/banner3.jpg") no-repeat center top; background-size:contain}
.bannerimg4{ background: url("../images/banner4.jpg") no-repeat center top; background-size:contain}
.bannerimg5{ background: url("../images/banner5.jpg") no-repeat center top; background-size:contain}
.bannerimg6{ background: url("../images/banner6.jpg") no-repeat center top; background-size:contain}
.bannerimg7{ background: url("../images/banner7.jpg") no-repeat center top; background-size:contain}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
background-position: center;
background-size: cover;
}
/***
list
***/
.mian{width:100%;float:left; font-size:16px; color:#666666}
.mian span{color:#1fac2a}
.list{width:100%; margin-top:30px;}
.list ul{margin:0; padding:0; list-style:none}
.list ul li{width:24%;margin:0.5% ; padding:0; list-style:none;float:Left;}
.list ul li img{border:1px solid #e8e4e3;width:100%;}
.list ul li h3{font-size:18px; font-weight:normal; text-align:center}
.listH2{ line-height:70px;}
.boxBcg{width:100%; height:100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 10; left:0;top:0; display: none; transition: 1s;}
.i_nav{ height:40px; background: #F9F9F9; border:1px solid #F2F2F2; display: none; margin-top:55px;}
.i_nav strong{float:left; line-height: 40px; margin-left: 20px;}
.i_nav span{float:left;display: block; position: relative; width:30px; height:30px; background: url("../images/Category.png") center center; background-size: contain; margin: 5px 20px 0 20px;}
.nav_layer{width:80%;--height:100%; background: #F9F9F9; position: absolute; z-index: 1000; left:-120%; top:0; transition: 1s }
.nav_layer .close{position: absolute; display: block;width:32px; height:32px; background:url("../images/close.png"); right:30px; top:10px; font-size:30px; color:#999999}
.nav_layer dl{padding:0 30px; }
.nav_layer dl dt{width:100%; height:40px; line-height: 40px; text-indent: 20px; background: #EFEFEF}
.nav_layer dl dt span{float:right; font-family: "宋体"; margin-right: 20px;}
.nav_layer dl dd{display: none;}
.nav_layer dl dd a{width:100%; display: block; height:40px; line-height: 40px; text-indent: 20px; background: #fff; border-bottom:1px solid #EFEFEF}
/*产品世界*/
.product{width:1200px; margin: auto; margin-top: 60px;}
.product h2{width:100%; height:5px; background: #F18926; position: relative}
.product h2 strong{background: #fff; padding: 0 10px; font-size:28px; color:#333333; position: absolute; z-index: 1; height:30px; top:50%; margin-top: -15px; left:50%; margin-left: -80px;}
.tabBox{ margin-top: 40px;}
.tabBox .hd{ height:40px; line-height:40px; padding:0 10px; font-size:20px; position:relative;}
.tabBox .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; left:30px; }
.tabBox .hd ul li{ float:left; padding:0 40px; color:#fff; background: #F18926; cursor: pointer; margin-left: 2px;}
.tabBox .hd ul li a{color:#fff}
.tabBox .hd ul li a:hover{ text-decoration: none;}
.tabBox .hd ul .on{ background:#3E3F41; color:#fff; }
.tabBox .hd ul .on a{ display:block; }
.tabBox .bd ul{width:100%;float:left; background: #f3f3f3; padding-bottom:10px;}
.tabBox .bd li{width:25%;float:left; text-align: center; margin-top:10px; -transform:scale(1.05,1.05);transition:all 0.35s;}
.tabBox .bd li:hover{background:#F18926; color:#FFFFFF;}
.tabBox .bd li:hover p a{color:#FFFFFF;}
.tabBox .bd li a:hover{color:#FFFFFF;}
.tabBox .bd li p{ text-align: center;font-size:16px; margin-top:7px;}
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */
.mapbox{width:1200px; height:497px;background:#666; ---background: url("../images/map1111111111.jpg") no-repeat left top; margin: auto; margin-bottom: 40px; }
.mapbox .mapBlock{width:500px;height:400px; background: rgba(255,255,255,0.5); border-radius: 20px;float:right; margin: 40px 40px 0 0;}
.redd{padding:30px;}
.redd p{width:100%; font-size:18px; color:#ffffff;}
.redd p img{float:left; margin: 2px 5px 0 0;}
.weixinBox{width:100%; text-align: center;}
.weixin{width:40%;float:left; font-size:20px;color:#fff; margin-left:30px;}
.weixin p{ font-size:16px; color:#FFFFFF;}
.mapBlock1{width:500px;height:400px; background: rgba(255,255,255,0.5); border-radius: 20px;float:right; margin: 40px 40px 0 0; display: none;}
.listBanner{width:100%; height:227px; background: url("../images/listbanner.jpg") no-repeat center center; margin: auto; margin-top:88px;}
.list-ban-warp{width:1200px; margin: auto; }
.list-ban-warp strong{float:left; height:38px; line-height: 38px; font-size:38px;color:#fff; border-left:3px solid #F18926; font-weight: normal; display: inline-block; padding-left: 10px; margin-top: 120px;}
.list-ban-warp .ban_right{ display: inline-block; float:right; margin-top: 120px;}
.list-ban-warp .ban_right span{float:left; font-size:34px; color:#f3f3f3; font-weight: bold;}
.list-ban-warp .ban_right span:nth-child(1){ background:rgba(242,159,72,0.6); padding:0 30px; border-bottom-left-radius:30px;}
.list-ban-warp .ban_right span:nth-child(2){ background:rgba(242,201,31,0.6); padding:0 30px; border-top-right-radius:30px;}
.list_warp{width:1200px; margin: auto; margin-bottom: 30px;}
.list_left{width:875px;float:left; min-height:500px;}
.list_left h2{border-bottom: 1px solid #dedede;overflow: hidden; padding-bottom: 10px; line-height:25px;}
.list_left h2 i{ display: block;width:19px;height:15px;float:left; background: url("../images/index-icon.png") no-repeat; margin-right: 10px; margin-top:5px;}
.list_left h2 a{font-size:14px; color:#333; float:left;}
.list_left h2 span{float:left; padding:0 10px; font-size:14px; font-family:"宋体"; color:#333;}
.list_left h2 strong{float:left; font-size:14px; color:#F18926}
.list_left h2 strong a{float:left; font-size:14px; color:#F18926}
.list_right{width:287px;float:right; margin-top: 20px;}
.subNav{width:100%;float:left; background: #f9f9f9; border-radius: 20px;}
.subNav dt{width:100%; height:50px; font-weight: normal; line-height: 50px;color:#fff; font-size:20px; border-top-right-radius: 20px; border-top-left-radius: 20px; background:#656566;float:left;}
.subNav dt img{float:left; margin: 15px 5px 0 20px;}
.subNav dd{ padding-left: 30px;line-height: 50px; border-bottom: 1px solid #dbdbdb}
.subNav dd a{ font-size:16px; color:#000000;}
.subNav dd a:hover{text-decoration: none; color:#F18926}
.subNav dd a.on{text-decoration: none; color:#0a3e8b}
.subNav dd:last-child{border-bottom: 0;}
.subNav dd a.actis{ color:#F18926}
.newsubNav{width:100%;float:left; background: #f9f9f9; border-radius: 20px;}
.newsubNav dt{width:100%; height:50px; font-weight: normal; border-top:3px solid #F18926; line-height: 50px;color:#F18926; font-size:20px; background:#f9f9f9;float:left;}
.newsubNav dt img{float:left; margin: 15px 5px 0 20px;}
.newsubNav p{padding:10px; font-size:14px;}
.uspic{ margin-top: 30px; margin-bottom:30px;}
.list_left h3{font-size:20px; color: #000;}
.usbox{width:100%; float:left;}
.usbox img{width:100%}
.usbox p{font-size:16px;padding:10px; text-indent:30px;}
/*新闻中心*/
.new_list{padding:20px;padding-top: 0; background: #f9f9f9}
.new_ul{width:100%}
.new_ul li{width:100%; padding:20px 0; border-bottom: 1px solid #cfcfcf}
.new_ul li h4{width:100%; font-size:16px;color:#333333; border-left:2px solid #F18926; height:20px; line-height: 20px; padding-left: 10px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600;}
.new_ul li p{font-size:14px;color:#666666; padding:0;}
.new_top{width:100%;float:left; margin: 40px 0;}
.new_top li{width:50%;float:left;}
.new_top li:nth-child(2) div{padding-left:10px; padding-right: 0;}
.new_top li div{ padding-right: 10px;}
.new_top li:hover{box-shadow:0 5px 8px #ECECEC;}
.new_top li h5{font-size:16px;color:#184a91;padding:0; font-weight:600;}
.new_top li p.timers{font-size:12px;color:#999; margin: 0; padding:0;}
.new_top li p.tag{font-size:14px;color:#333333; padding:0;}
/*新闻详情页*/
.new_details{width:100%}
.new_details h1{font-size:24px; color:#333; text-align: center;border-bottom: 2px solid #0a3e8b; padding-bottom: 10px;}
.new_details img{width:85%; margin:0 auto; display:block;}
.new_details dd{font-size:14px; line-height: 30px; margin-top:30px; margin-bottom:40px;}
.detailsPage{width:100%;border-top: 1px solid #666; padding-top: 20px; overflow: hidden; margin-bottom: 30px; font-size:16px;}
.detailsPage a span{color:#007aff}
.detailsPage a:nth-child(1){float:left; font-size:16px;}
.detailsPage a:nth-child(2){--float:right; font-size:16px;}
/*产品中心*/
.productwapr{width:100%; margin-bottom:40px;}
.product_top{width:100%; background: #f2f2f2;float:left;}
.product_top img{float:left;}
.product_right{width:370px;float:right; font-size:16px; margin-right: 30px; line-height: 30px; color:#333; margin-top: 20px;}
.product_right strong{font-size:30px; line-height: 60px; font-weight: normal}
.product_list{width:100%;float:left;}
.product_list li{width:33.33%;float:left; }
.product_list li div{ margin:5px; border:2px solid #fff;position: relative}
.product_list li div img{display: block;width:100%;}
.product_list li div:hover{border:2px solid #F18926;}
.product_list li div:hover span{background: rgba(244,177,103,100)}
.product_list li span{ position: absolute; z-index: 1; width:100%; height:30px; display: block; left:0;bottom: 0; background: rgba(0,0,0,0.3); line-height: 30px; text-align: center; color:#fff; font-size:14px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*视频中心*/
.void_list{width:100%;float:left;}
.void_list li{width:50%;float:left; border-bottom: 1px solid #999999 ; margin-top: 10px;}
.void_list li div:hover{border:2px solid #F18926}
.void_list li div{ margin:5px; border:2px solid #fff;position: relative}
.void_list li div img{display: block;width:100%;}
.void_list li div a.play{width:65px; height:65px; background: url("../images/voidPng.png") no-repeat; display: block; position: absolute; left:50%; margin-left: -32px;top:50%; margin-top: -32px;}
.void_list li p{ text-align: center;font-size:18px;}
/*售后服务*/
.f_wu{width:100%;float:left;}
.f_wu li{width:100%; background: #f9f9f9; padding:20px 0; float:left; margin-top: 10px;}
.f_wu li i{width:66px;height:66px; display: block; float:left; background: url("../images/f_icon.png") no-repeat; background-size: contain; margin-left: 20px;}
.f_wu li i.f_icon1{background: url("../images/f_icon1.png") no-repeat; background-size: contain;}
.f_wu li i.f_icon1{background: url("../images/f_icon2.png") no-repeat; background-size: contain;}
.f_wu li div{width:730px;display: inline-block;float:left; font-size:15px; margin-left: 30px;}
.f_wu li div.t{ margin-top: 22px;}
.f_wu li div.t1{ margin-top: 10px;}
/*产品理念*/
.linian{border:1px solid #e1e1e1; padding:30px 10px; margin-bottom: 30px;}
.linian img{width:100%;}
/*发展历程*/
.fazhanlicheng{width:100%; line-height: 20px; color:#333333; background: #eaeaea; margin-top: 20px;}
.fazhanlicheng span{ margin-right: 10px; background: #0a3e8b;color:#fff; display:inline-block; margin-left: 10px; line-height: 40px; padding: 0 10px;}
.fazhanlicheng strong{font-weight: normal}
/*企业文化*/
.qiye-warp{padding-right: 310px; position: relative}
.wenhua_Dl{width:100%;float:left; margin-top:5px;}
.wenhua_Dl dt{width:100%; font-size:18px;color:#c5732b; font-weight: normal;}
.wenhua_Dl dd{width:100%; font-size:15px;color:#666666;}
.wenhuaPic{width:285px;height:514px; position: absolute;right:0;top:40px;}
/*荣誉殿堂*/
.rongyu_list{width:100%;float:left; margin-bottom:30px;}
.rongyu_list li{width:33.33%;float:left; }
.rongyu_list li div{ margin:5px; border:1px solid #e1e1e1;position: relative ; background: #f9f9f9; padding:10px;}
.rongyu_list li div img{display: block;width:100%;}
.rongyu_list li div p{ width:100%; display: block; text-align: center; line-height: 50px; color:#333; font-size:14px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*加入我们*/
.us_meBox{width:1200px; overflow: hidden; margin: auto; margin-bottom: 40px;}
.us_meBox h2{border-bottom: 1px solid #dedede;overflow: hidden; padding-bottom: 10px;}
.us_meBox h2 i{ display: block;width:19px;height:15px;float:left; background: url("../images/index-icon.png") no-repeat; margin-right: 10px;}
.us_meBox h2 a{font-size:14px; color:#333; float:left;}
.us_meBox h2 span{float:left; padding:0 10px; font-size:14px; font-family:"宋体"; color:#333;}
.us_meBox h2 strong{float:left; font-size:14px; color:#F18926}
.us_nav{width:100%;float:left; margin-top: 30px; margin-bottom: 20px;}
.us_nav a{display:inline-block; margin-right: 10px; background:#858585; font-size:20px; padding:20px 50px; color:#fff;float:left;}
.us_nav a.on{ background: #F18926}
.us_list{width:100%;float:left; margin-top: 10px; margin-bottom: 0; }
.us_list dt{width:100%;float:left; line-height:50px; font-weight: normal;font-size:16px; color:#fff; background: #9d9d9d;}
.us_list dt.on{background: #F18926}
.us_list dt strong{display: inline-block;float:left; margin-left: 20px;}
.us_list dt span{display: inline-block;float:left; margin-left: 5%;}
.us_list dt a{ display: block;width:35px;height:35px; background: url("../images/us_icon.png") no-repeat; background-size: contain;float:right; margin: 7px 10px 0 0;}
.us_list dd{padding:0 20px; font-size:16px;color:#666; line-height: 30px; margin-top:80px; display: none;}
/*联系我们*/
.lainxi{}
.lainxi img{width:100%;}
.lianxiitle{text-align: center; font-size:28px; color:#333; margin-top: 30px;}
.lianxiList{}
.lianxiList li{width:33.33%;float:left;}
.lianxiList li div{ padding: 30px 0 30px 20px; margin: 10px; background: #f2f2f2; overflow: hidden}
.lianxiList li p.p1{width:100%;float:left;}
.lianxiList li p.p2{width:100%;float:left; height:50px;}
.lianxiList li p.p1 span{float:left; display: inline-block; font-size:20px;}
.lianxiList li p.p1 strong{ background: #FF8E12;float:right; font-size:18px; font-weight: normal; padding:5px 10px; color:#ffffff; display: inline-block; }
.lianxiTal{background: #F18926; overflow: hidden; padding:20px; position: relative;display: block;}
.lianxiTal1{display: none}
.lianxiTal div{width:50%;float:left;}
.lianxiTal p{width:100%;float:left;}
.lianxiTal p img{float:left; margin-right: 10px;}
.lianxiTal p span{float:left; font-size:14px;color:#fff;}
@media (max-width:768px)
{
.lianxiList li{width:50%;float:left;}
.us_meBox{width:748px; margin: auto;}
.qiye-warp{padding-right: 0px; position: relative}
.wenhuaPic{width:285px;height:514px; position: absolute;right:0;top:40px; display: none;}
.f_wu li div{width:600px;display: inline-block;float:left; font-size:15px; margin-left: 30px;}
.f_wu li div.t{ margin-top: 10px;}
.f_wu li div.t1{ margin-top: 10px;}
.product_top{display: none;}
.list_right{ display: none}
.list-ban-warp{width:100%; margin: auto; }
.list_left{width:100%;float:left;}
.list_warp{width:748px; margin: auto; margin-bottom: 30px;}
.New-box{width:748px; margin: auto; margin-top: 30px;}
.header{width:748px; padding:10px 0; margin:auto; overflow:hidden; }
.logo{width:324px;float:left;}
.us{top:20px;}
.i_nav{display: block;}
.nvabox{display: none;}
.banner{height:240px; background-size:cover; margin:auto; overflow:hidden;}
.product{width:748px; margin: auto; margin-top: 30px;}
.tabBox .hd ul li{ float:left; padding:0 20px; font-size:13px; color:#fff; background: #F18926; cursor: pointer; margin-left: 2px;}
.tabBox .bd li img{width:100%;}
.mapbox{width:748px; height:497px; background: url("../images/map.jpg") no-repeat left top; margin: auto; margin-bottom: 40px; }
.mapBlock{width:500px;height:400px; background: rgba(255,255,255,0.5); border-radius: 20px;float:right; margin: 40px 40px 0 0; display: none;}
.mapBlock1{width:500px;height:400px; background:#080808; border-radius: 20px; margin: auto; float:none; margin-bottom: 30px; display: block;}
.redd{padding:30px;}
.redd p{width:100%; font-size:18px; color:#ffffff;}
.redd p img{float:left; margin: 2px 5px 0 0;}
.weixinBox{width:100%; text-align: center;}
.weixin{width:33%;float:left; font-size:20px;color:#fff;}
.weixin img{width:90%;float:left; font-size:20px;color:#fff;}
.lianxiTal{display: none;}
.lianxiTal1{background: #F18926; overflow: hidden; padding:20px; position: relative;display: block;}
.lianxiTal1 div{width:100%;float:left;}
.lianxiTal1 p{width:100%;float:left;}
.lianxiTal1 p img{float:left; margin-right: 10px;}
.lianxiTal1 p span{float:left; font-size:14px;color:#fff;}
.tabBox .hd ul li{ float:left; padding:0 5px; color:#fff; background: #F18926; cursor: pointer; margin-left: 2px; margin-top: 2px; width:33%;}
.listBanner{width:100%; height:227px; background: url("../images/listbanner.jpg") no-repeat center center; margin: auto;}
}
@media (max-width:480px)
{
.lianxiList li{width:100%;float:left;}
.us_nav{width:100%;float:left; margin-top: 30px; margin-bottom: 20px;}
.us_nav a{display:inline-block; margin-right: 10px; background:#858585; font-size:20px; padding:10px 20px; color:#fff;float:left;}
.us_nav a.on{ background: #4977ae}
.us_meBox{width:410px; margin: auto;}
.us_list dt{width:100%;float:left; line-height:30px; font-weight: normal;font-size:14px; color:#fff; background: #9d9d9d;}
.us_list dt.on{background: #678ebc}
.us_list dt strong{display: inline-block;float:left; margin-left: 20px;}
.us_list dt span{display: inline-block;float:left; margin-left: 2%;}
.us_list dt a{ display: block;width:35px;height:35px; background: url("../images/us_icon.png") no-repeat; background-size: contain;float:right; margin: 7px 10px 0 0;}
.us_list dd{padding:0 20px; font-size:16px;color:#666; line-height: 30px; margin-top: 30px; display: none;}
.new_top li{width:100%;float:left;}
.new_top li div{padding-left:0; padding-right:0;}
.new_top li:nth-child(2) div{padding-left:0; padding-right:0;}
.rongyu_list li{width:50%;float:left; }
.f_wu li i{width:50px;height:50px;}
.f_wu li div{width:300px;display: inline-block;float:left; font-size:14px; margin-left: 10px;}
.f_wu li div.t{ margin-top: 0px;}
.f_wu li div.t1{ margin-top: 0px;}
.product_list li{width:50%;float:left; }
.New-box{width:395px; margin: auto; margin-top: 10px;}
.New_left{width:100%;float:left;}
.New_left .newbox{padding-right: 0;}
.New_right .jsbox{padding-left:0;}
.New_right{width:100%;float:left; margin-top: 30px;}
.banner{height:150px; margin:auto; overflow:hidden;}
.header{width:410px;padding:5px 0 20px 0; margin:auto; overflow:hidden; }
.us{top:20px;}
.us span{font-size:12px; }
.logo{width:120px; height:auto; float:left; margin-top:10px;}
.tall_right{ display:block;width:150px;float:right; margin-top: 15px;}
.logo img{width:100%;}
.product{width:410px; margin: auto; margin-top: 30px;}
.tabBox .hd{ height:80px; line-height:40px; padding:0 10px; font-size:20px; position:relative; }
.tabBox .hd ul{ position:relative; height:auto; top:0; overflow:auto; float:left; left:0; }
.tabBox .hd ul li{ float:left; padding:0 5px; color:#fff; background: #F18926; cursor: pointer; margin-left: 2px; margin-top: 2px; width:32%;}
.tabBox .hd ul li a{color:#fff}
.tabBox .hd ul li a:hover{ text-decoration: none;}
.tabBox .hd ul .on{ background:#F18926; color:#fff; }
.tabBox .hd ul .on a{ display:block; }
.tabBox .bd li{width:100%;float:left; text-align: center}
.tabBox .bd li img{width:100%;}
.mapbox{width:410px; height:190px; background: url("../images/map.jpg") no-repeat left top; background-size: contain; margin: auto; }
.mapBlock{width:500px;height:400px; background: rgba(255,255,255,0.5); border-radius: 20px;float:right; margin: 40px 40px 0 0; display: none;}
.mapBlock1{width:410px;height:400px; background:#080808; border-radius: 20px; margin: auto; float:none; margin-bottom: 30px; display: block;}
.redd{padding:30px;}
.redd p{width:100%; font-size:18px; color:#ffffff;}
.redd p img{float:left; margin: 2px 5px 0 0;}
.weixinBox{width:100%; text-align: center;}
.weixin{width:33%;float:left; font-size:20px;color:#fff;}
.weixin img{width:90%;float:left; font-size:20px;color:#fff;}
.list_warp{width:410px; margin: auto; margin-bottom: 30px;}
.listBanner{height:150px;}
.listBanner strong{ margin-top: 50px;}
.list-ban-warp .ban_right{display: none;}
.lianxiTal{display: none;}
.lianxiTal1{background: #F18926; overflow: hidden; padding:20px; position: relative;display: block;}
.lianxiTal1 div{width:100%;float:left;}
.lianxiTal1 p{width:100%;float:left;}
.lianxiTal1 p img{float:left; margin-right: 10px;}
.lianxiTal1 p span{float:left; font-size:14px;color:#fff;}
}
@media (max-width:375px)
{
.us_meBox{width:355px; margin: auto;}
.f_wu li i{width:40px;height:40px;}
.f_wu li div{width:280px;display: inline-block;float:left; font-size:13px; margin-left: 10px;}
.f_wu li div.t{ margin-top: 0px;}
.f_wu li div.t1{ margin-top: 0px;}
.New-box{width:355px; margin: auto; margin-top: 10px;}
.banner{height:120px; margin:auto; overflow:hidden;}
.header{width:370px; padding:0 0 20px 0; margin:auto; overflow:hidden; }
.tall_right{ display:block;width:150px;float:right}
.logo{width:100px;float:left;height:auto; margin-top:18px;}
.logo img{width:100%;}
.product{width:355px; margin: auto; margin-top: 30px;}
.tabBox .bd li img{width:50%;}
.mapbox{width:355px; height:180px; background: url("../images/map.jpg") no-repeat left top; background-size: contain; margin: auto; }
.mapBlock{width:500px;height:400px; background: rgba(255,255,255,0.5); border-radius: 20px;float:right; margin: 40px 40px 0 0; display: none;}
.mapBlock1{width:355px;height:400px; background:#080808; border-radius: 20px; margin: auto; float:none; margin-bottom: 30px; display: block;}
.redd{padding:30px;}
.redd p{width:100%; font-size:18px; color:#ffffff;}
.redd p img{float:left; margin: 2px 5px 0 0;}
.weixinBox{width:100%; text-align: center;}
.weixin{width:33%;float:left; font-size:20px;color:#fff;}
.weixin img{width:90%;float:left; font-size:20px;color:#fff;}
.list_warp{width:355px; margin: auto; margin-bottom: 30px;}
.listBanner{height:150px;}
.listBanner strong{ margin-top: 50px;}
.lianxiTal{display: none;}
.lianxiTal1{background: #F18926; overflow: hidden; padding:20px; position: relative;display: block;}
.lianxiTal1 div{width:100%;float:left;}
.lianxiTal1 p{width:100%;float:left;}
.lianxiTal1 p img{float:left; margin-right: 10px;}
.lianxiTal1 p span{float:left; font-size:14px;color:#fff;}
.tabBox .hd ul li{ float:left; padding:0 5px; color:#fff; background: #F18926; cursor: pointer; margin-left: 2px; margin-top: 2px; width:49%;}
}
@media (max-width:320px)
{
.us_nav{width:100%;float:left; margin-top: 30px; margin-bottom: 20px;}
.us_nav a{display:inline-block; margin-right: 10px; background:#858585; font-size:15px; padding:5px 10px; color:#fff;float:left;}
.us_nav a.on{ background: #4977ae}
.us_meBox{width:300px; margin: auto;}
.f_wu li i{width:30px;height:30px;}
.f_wu li div{width:230px;display: inline-block;float:left; font-size:12px; margin-left: 10px;}
.New-box{width:300px; margin: auto; margin-top: 5px;}
.banner{height:120px; margin:auto; overflow:hidden;}
.header{width:300px; margin:auto; padding-bottom: 5px; overflow:hidden; }
.i_nav{height:30px;}
.i_nav span{width:20px;height:20px;}
.us{top:12px;}
.logo{width:50px;float:left; margin-top:10px;}
.logo img{width:100%;}
.product{width:300px; margin: auto; margin-top: 30px;}
.mapbox{width:300px; height:180px; background: url("../images/map.jpg") no-repeat left top; background-size: contain; margin: auto; }
.mapBlock{width:500px;height:400px; background: rgba(255,255,255,0.5); border-radius: 20px;float:right; margin: 40px 40px 0 0; display: none;}
.mapBlock1{width:300px;height:490px; background:#080808; border-radius: 20px; margin: auto; float:none; margin-bottom: 30px; display: block;}
.redd{padding:30px;}
.redd p{width:100%; font-size:18px; color:#ffffff;}
.redd p img{float:left; margin: 2px 5px 0 0;}
.weixinBox{width:100%; text-align: center;}
.weixin{width:33%;float:left; font-size:20px;color:#fff;}
.weixin img{width:90%;float:left; font-size:20px;color:#fff;}
.list_warp{width:300px; margin: auto; margin-bottom: 30px;}
.listBanner{height:100px;}
.listBanner strong{ margin-top: 30px;}
.lianxiTal{display: none;}
.lianxiTal1{background: #F18926; overflow: hidden; padding:20px; position: relative;display: block;}
.lianxiTal1 div{width:100%;float:left;}
.lianxiTal1 p{width:100%;float:left;}
.lianxiTal1 p img{float:left; margin-right: 10px; }
.lianxiTal1 p span{float:left; font-size:14px;color:#fff;}
.tabBox .hd ul li{ float:left; padding:0 5px; color:#fff; background: #F18926; cursor: pointer; margin-left: 2px; margin-top: 2px; width:100%;}
.tabBox .bd li img{width:100%;}
}
#video {
margin: 1em auto;
display: block;
height: auto;
width: 100%;
margin-bottom:0px;
margin-top:30px;
}